<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="/css/index.css">
  <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
  <script src="/libs/jQuery/jquery-3.5.1.min.js"></script>
  <script src="/libs/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
  <div class="container-fluid">
    <div class="top">
     <ul>
       <li>中国</li>
       <li>爱马仕专卖店</li>
       <li>联系我们</li>
     </ul>
    </div>
      <header> </header>
      <main class="content" id="list"></main>
      <script type="text/html" id="listTmplate">
        <div class="list-box">
          <div class="list-left">
            <span class="name">男士</span>
            <div style="border: 1px solid #ccc;" class="line"></div>
            <h3>按下列条件筛选:</h3>
            <h4>类别</h4>
          </div>
          <div class="list-right">
            <div class="right-top">
              <span class="kind">kjkl</span>
              <div class="top-right">
                <label for="">按下列条件排列：</label>
                <input type="text" >
              </div>
            </div>
            <div class="wares-list">   
              {{each shop shop}}           
                <a style="color:black;" class="wares" data-id="{{shop.num}}">              
                  <img src="{{shop.img}}" alt="">
                  <p>{{shop.title}}</p>
               <p style="font-size: 13px;font-weight: ;">$ {{shop.price}}</p>                          
                </a>             
                {{/each}}
             
            </div>
            <div class="introduce">
              <div class="introduce-text">
                <span>{{head}}</span>
              </div>
              <div class="introduce-img">
                <img src="{{bigImg.imgs}}" alt="">
              </div>
            </div>
            <div class="wares-list">
              <div class="wares">
                <img src="../../img/1_set.jpg" alt="">
                <p>刺绣口袋直筒T恤</p>
                <span>$ 4150</span>
              </div>
              <div class="wares">
                <img src="../../img/2_set.jpg" alt="">
                <p>刺绣口袋直筒T恤</p>
                <span>$ 4150</span>
              </div>
              <div class="wares">
                <img src="../../img/3_set.jpg" alt="">
                <p>刺绣口袋直筒T恤</p>
                <span>$ 4150</span>
              </div>
              <div class="wares">
                <img src="../../img/4_set.jpg" alt="">
                <p>刺绣口袋直筒T恤</p>
                <span>$ 4150</span>
              </div>
            </div>
          </div>
        </div>
      </script>
      <footer> </footer>
  </div>
  <script src="/libs/require/require.min.js" data-main="/js/list"></script>
</body>
<link rel="stylesheet" href="/css/list.css">

</html>